﻿body
{
    background-image: url("Templates_Images/login-Background.jpg");
    background-position: right;
    background-repeat: no-repeat;
}

/* ==== Login form ====*/
#loginForm
{
    padding: 9%;
    padding-bottom: 1%;
    padding-top: 5%;
    margin: 5% 30% 5% 30%;
    background: rgba(160 , 173 , 232 , 0.7);
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
}

/* ==== Profile Picture ====*/
#loginForm #profilePic
{
    height: 100px;
    width: 100px;
    padding-left: 30%;
    padding-right: 30%;
    padding-bottom: 10%;
}

/* ==== Username Field ====*/
#loginForm .Username
{
    padding-left: 15%;
    padding-right: 15%;
    padding-bottom: 5%;
}

#loginForm #username
{
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
}

/* ==== The Password Field ====*/
#loginForm .Password
{
    padding-left: 15%;
    padding-right: 15%;
}

#loginForm #password
{
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
}

/*==== Sign In Button ====*/
#loginForm .SignInButton
{
    padding-top: 5%;
    padding-left: 30%;
    padding-right: 30%;
}

#loginForm #signInButton
{
    height: 50px;
    width: 100px;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
}

/*==== Sign Up Button ====*/
#loginForm .SignUpButton
{
    padding-left: 40%;
    padding-right: 30%;
    padding-top: 2%;
    margin-bottom: -2%;
}

#loginForm #signUpButton
{
    height: 30px;
    width: 90px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}

#loginForm .SignUpArea
{
    margin-bottom: -10px;
    margin-left: -90px;
    margin-right: -90px;
    margin-top: 10px;
    padding-bottom: 10%;
    background-color: #A0ADE8;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
}
